﻿@charset "utf-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0;font:14px arial; }
tr{height:25px;padding:5px;}

html{-webkit-text-size-adjust: none;}
input{font-size:16px;}

body 
{
    background: transparent;
    /*font: 12px arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
    font: 16px "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
    color: #333;
    text-align:center;
    background:#2b3d6b;
}

a{text-decoration: none;}
a:link, a:visited{color: #034af3;}
a:hover{color: #1d60ff;}
a:active{color: #034af3;}
a img{border: none;}
 
.page
{
    min-width:230px;
    background-color: transparent;
    margin: 0px auto 0px auto;
    text-align:left;
}

div.corner{border-radius: 8px; -moz-border-radius: 8px;}
.t_corner4{border-top-left-radius:4px;border-top-right-radius:4px;}
.lt_corner4{border-top-left-radius:4px;}
.b_corner{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.corner2{border-radius: 2px; -moz-border-radius: 2px;}
.corner4{border-radius: 4px; -moz-border-radius: 4px;}
.corner10{border-radius: 10px; -moz-border-radius: 10px;}

/*Login*/
#login{width:94%;padding-left:8px;padding-right:8px;}
#login input{width:100%;margin-top:10px;}
#login button{width:120px;height:30px;}

#input_id{width:98%;margin:10px 0 10px 8px;padding:0;}
#input_id input{width:94%;}
#input_id div{margin-top:0px !important;}

/*Main Form*/
#top_bar{height:30px;background-color:#365d98;border-top-color:#2b3d6b;color:#fff;padding-top:4px;}
#top_bar table{width:100%;height:100%;text-align:center;border-spacing:0;padding:0;}
#top_bar tr{height:100%;border-spacing:0;padding:0;}
#top_bar div{height:100%;width:100%;text-align:center;}
#home{width:100px;}
#logout{width:100px;}

/*Themes*/
.m_icon
{
    width:18px;
    height:18px;
    background-color:#F2CC19;
    background-repeat:no-repeat;
    background-image:url('../../../Images/icons-18-white.png');
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display:inline-table;
    /*margin-top:6px;margin-left:4px;float:left;*/
}
.m_icon_shadow
{
    moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
    -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
    box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}
.m_ico_home{background-position: -575px -1px;margin-left:5px}
.m_ico_ops{background-position: -288px -1px;}
.m_ico_out{background-position: -73px -1px;}

.shadow_inset
{
    moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
    box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
}
.bg_clip{-webkit-background-clip: padding;background-clip: padding-box;}
.m_corner_all{-webkit-border-radius: .6em ;border-radius: .6em;}
.m_overlay
{
    border: 1px solid #aaa /*{c-body-border}*/;
    color: #333 /*{c-body-color}*/;
    text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
    background: #f9f9f9 /*{c-body-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/));
    background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
    background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
    background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
    background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
    background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
}

div.input_text{margin: .5em 0;
background-image: none;
position: relative;padding: 0 .4em;}
input.input_text
{
    padding-left:4px;
    margin: 0;
    display: block;
    outline: 0 !important;
    min-height: 28px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #ddd;
    background:#eee url(../../ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    border-radius: 4px; -moz-border-radius: 4px;-webkit-border-radius:4px;
}

.m-title {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .3em;
    max-width: 100%;
}

.m_button
{
    border: 1px solid #999999;
    border-top-color: #a6a6a6;
    color: #000;line-height: 2.1em;font-size: 1.2em;
    background-image: none;
    background-color: #cccccc;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(3%, #d9d9d9), color-stop(100%, #bfbfbf));
    background-image: -webkit-linear-gradient(top, #f2f2f2,#d9d9d9 3%,#bfbfbf);
    background-image: linear-gradient(top, #f2f2f2,#d9d9d9 3%,#bfbfbf);
    
    text-shadow: 1px 1px -0.08em rgba(255, 255, 255, 0.5);
}

.m_button:active
{
    background-image: none;
    background-color: #c4c4c4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ababab), color-stop(10%, #b8b8b8), color-stop(65%, #c4c4c4), color-stop(100%, #c6c6c6));
    background-image: -webkit-linear-gradient(top, #ababab,#b8b8b8 10%,#c4c4c4 65%,#c6c6c6);
    background-image: linear-gradient(top, #ababab,#b8b8b8 10%,#c4c4c4 65%,#c6c6c6);
}

.m_checkbox
{
    height:24px;
    width:26px;
    border:3px solid #A6A4A4;
    float:left;
    border-radius: 4px; -moz-border-radius: 4px;
}

.m_checkbox_label{line-height:26px;float:left;padding-right:6px;}
.m_checkbox_uncheck{background:url('../../../Images/tick2.png') 2px 2px no-repeat;}
.m_checkbox_checked{background:url('../../../Images/tick2.png') -24px 2px no-repeat;}


.m_block{width:99%;background:#fff;padding-top:8px;margin-top:12px;margin-left:2px;}
.m_data{min-height:80px; overflow:hidden;}
.m_header
{
    padding: 12px 0 10px 43px;
    position: relative;
    background-color: #eee;
    background-image: -moz-linear-gradient(top, #ffffff, #E4E4E4);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #E4E4E4));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E4E4E4');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#E4E4E4')";
    border-bottom: solid 5px #78c829;
    text-shadow: #fff 0 1px 0;
    min-height:30px;
}
.m_footer{background:#78c829;height:56px;}


/*Data View*/
#top_bar_menu
{
    background: #e9eaee;
    border: 1px solid #ffffff;
    color:#78c829;
    font-size:14px;
    padding: 4px 0 0 0;
    width: 100%;
    height:32px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    -moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
    -webkit-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5); 
}
.menu_top_item{width:100%;height:100%;}
.top_bar_item_normal
{
    height:25px;
    padding-top:5px;
    border-top-left-radius: 6px; -moz-top-left-radius: 6px;-webkit-top-left-radius:6px;
    border-top-right-radius: 6px; -moz-top-right-radius: 6px;-webkit-top-right-radius:6px;
    
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    background:#78c829;
    color:#fff;
}

.menu_item_base
{
    line-height:30px;
    padding:0 4px 0 4px;
    -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
    -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
    box-shadow: 0px 1px 0 rgba(255,255,255,.3);
    -webkit-border-radius: 1em /*{global-radii-buttons}*/;
    border-radius: 1em /*{global-radii-buttons}*/;
    border: 1px solid #044062 /*{b-bup-border}*/;
    font-weight: bold;
    color: #fff /*{b-bup-color}*/;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
}
.menu_item_bg
{
    background: #396b9e /*{b-bup-background-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/));
    background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
    background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
    background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
    background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
    background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
}
.menu_item_bg:active
{
    border: 1px solid 		#225377 /*{b-bdown-border}*/;
	background: 			#4e89c5 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
}

.m_btn_normal
{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background: #eee /*{c-bup-background-color}*/;
    font-weight: bold;
    color: #222 /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/));
    background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
    background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
    background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
    background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
    background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
}
.m_btn_normal_border_bt{border-bottom:1px solid #ccc;}

.m_btn_normal:active
{
    border: 1px solid 		#bbb /*{c-bdown-border}*/;
	background: 			#d6d6d6 /*{c-bdown-background-color}*/;
	font-weight: bold;
	color: 					#222 /*{c-bdown-color}*/;
	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
}

.m_collap{width:99%;min-height:100px;padding-left: 2px; padding-bottom:10px;}
.m_collap_item{min-height:42px; width:100%;}
.m_collap_item h3{line-height:42px;}
.m_collap_item_data{border-top:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;padding: 10px 10px 10px 0;display:none;}
.m_collap_ico
{
    height:20px;width:20px;display: inline-block;margin:10px 10px 0 10px; float:left;
    background:url('../../../Images/icons-18-white.png') -179px 0 no-repeat #ccc;    
}
.m_border_buttom{border-bottom:1px solid #ccc;}
.data_table{width:100%;}
.col_money{width:80px;}
.col_unit{width:40px;}
.col_name{padding-left:12px;}
tr.grp_title td{font-weight:bold;border-bottom:2px solid rgb(128, 128, 128);}
.total{float:right;padding-right:32px;display:inline-block;width:60px;}

/*Options*/
.ops{padding-left:4px;width:98%;}
.ops_item{width:100%;margin-top:10px;}
.ops_item p{font-weight:normal;color:#000;width:80%;margin-left:40px;font-size:14px;margin-top:4px;}
.radio_ico{display:inline-block;width:20px;height:20px;float:left;background:#ddd;margin: 4px 10px 0 4px;}
.radio_ico_in{display:inline-block;width:14px;height:14px;background:#fff;margin: 1px 3px 4px 3px;}
.ops_item_title{margin-left:4px; width:94%;display:inline-block;font-weight:bold;border-bottom:1px solid #ccc;line-height:32px;color:#000;}
.ops_item_data{width:100%;margin-left:20px;}
#mydiv {
    
    position: relative;
    background-color: gray; /* for demonstration */
    
}
.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -165px;  /* -1 * image height / 2 */
    display: block;     
}